<template>
	<view class="header">
		<uni-card spacing="30rpx" class="card">
			<view class="in">
				<text>输入核销码</text>
				<input />
				<button size="mini" @click="scan">识别</button>
			</view>
		</uni-card>
	</view>
</template>

<script setup>
const scan = ()=>{
		uni.navigateTo({
			url: '/pages/yyy/scan/scan'
		});
		
	}
</script>

<style>
.header{
	background-image: url(@/static/lbgt.png);
	height: 30vh;
	padding: 20rpx;
}
.card{
	height: 80vh;
	position: relative;
}
.in{
	display: flex;
	justify-content: flex-start;
	position: relative;
}
.in text{
	width: 150rpx;
	color: #2d80f9;
	margin-top: 13rpx;
}
.in input{
	flex-grow: 1;
	height: 70rpx;
	border: 2rpx solid gainsboro;
	border-radius: 50rpx;
}
.in button{
	background-color: #2d80f9;
	color: white;
	border-radius: 50rpx;
	position: absolute;
	right: 3rpx;
	top: 6rpx;
}
</style>